<template>
  <div class="info">
    <UserInfo />
  </div>
</template>

<script>
// import { mapState } from "vuex"
import UserInfo from "../../components/userInfo/index.vue"
export default {
  name: "About",
  components: {
    UserInfo
  }
  // computed: {
  //   ...mapState(["userInfo", "token"])
  // },
  // mounted() {
  //   console.log(this.token)
  // }
}
</script>

<style lang="less" scoped>
.info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  img {
    width: 100px;
  }
  p {
    margin-top: 10px;
    font-size: 20px;
  }
}
</style>
